import { createRouter, createWebHashHistory } from 'vue-router'
/**
 * 1. 导入组件
 * 2. 在routes数组中配置： {path:'path',component:页面组件}
 */
// 公共布局 => 所有页面的骨架
// import Layout from '@/views/Layout/index.vue'
// 路由按需加载的原理 => 默认加载的是一个函数 => 什么时候执行 => 访问某个路由，执行某个页面component配置的函数
const Layout = () => import('@/views/Layout')
// 导入骨架下的页面
// import Home from '@/views/Home/index.vue'
const Home = () => import('@/views/Home')
const Category = () => import('@/views/Category')
const CategorySub = () => import('@/views/Category/sub.vue')

const routes = [
  {
    path: '/',
    component: Layout,
    children: [
      // 首页
      {
        path: '/',
        component: Home
      },
      // 一级分类页面
      {
        path: '/category/:id',
        component: Category
      },
      // 二级分类
      {
        path: '/category/sub/:id',
        component: CategorySub
      }
    ]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
